import {
    UserOutlined,
    LockOutlined,
    SettingOutlined,
    LogoutOutlined,
    TableOutlined,
    FormOutlined,
    MenuFoldOutlined,
    MenuUnfoldOutlined,
    PlusOutlined,
    EditOutlined,
    DeleteOutlined,
    SaveOutlined,
    SearchOutlined,
    ClearOutlined,
    BackwardOutlined,
    LeftOutlined,
    FundViewOutlined,
    IdcardOutlined,
    SelectOutlined,
    ReloadOutlined,
    ScheduleOutlined,
    CheckOutlined,
    DownloadOutlined,
    CopyOutlined
} from '@ant-design/icons';
import React from 'react';

export default React.memo((props) => {
    const { type, className, onClick } = props;

    switch (type) {
        case 'user': return <UserOutlined />;
        case 'lock': return <LockOutlined />;
        case 'setting': return <SettingOutlined />;
        case 'logout': return <LogoutOutlined />;
        case 'table': return <TableOutlined />;
        case 'form': return <FormOutlined />;
        case 'menu-fold': return <MenuFoldOutlined className={className} onClick={onClick} />;
        case 'menu-unfold': return <MenuUnfoldOutlined className={className} onClick={onClick} />;
        case 'plus': return <PlusOutlined />;
        case 'edit': return <EditOutlined />;
        case 'delete': return <DeleteOutlined />;
        case 'save': return <SaveOutlined />;
        case 'search': return <SearchOutlined />;
        case 'clear': return <ClearOutlined />;
        case 'backward': return <BackwardOutlined />;
        case 'left': return <LeftOutlined />;
        case 'fundview': return <FundViewOutlined />;
        case 'idcard': return <IdcardOutlined />;
        case 'select': return <SelectOutlined />;
        case 'reload': return <ReloadOutlined />;
        case 'schedule': return <ScheduleOutlined />;
        case 'check': return <CheckOutlined />;
        case 'download': return <DownloadOutlined />;
        case 'copy': return <CopyOutlined />;
        default: return null;
    }
});
